<style type="text/css">
    .error {
        color: #666;
        text-align: center;
        font-family: Helvetica, 'microsoft yahei', Arial, sans-serif;
        margin:0;
        margin: auto;
        font-size: 14px;
        margin-top: 30px;
    }
    .error h1 {
        font-size: 120px;
        line-height: 150px;
        font-weight: normal;
        color: #456;
    }
    .error h2 { font-size: 40px; color: #666; line-height: 1.5em; }

    .error h3 {
        color: #456;
        font-size: 20px;
        font-weight: normal;
        line-height: 28px;
    }

    .error hr {
        margin: 18px 0;
        border: 0;
        border-top: 1px solid #EEE;
        border-bottom: 1px solid white;
    }

    .error a{
        color: #00a9d3;
        text-decoration: none;
    }
</style>
<div class="error">
    <h1>404</h1>
    <h3>你所访问的页面不存在.</h3>
    <hr>
    <p>你可能输入了不存在的URL地址，或者该资源已经被删除，或者您无权访问 <a href="javascript:void(0);" v-link="{path: '/index'}">返回首页</a></p>
    <p>VUE WEB FRAME PowerBy <a href="http://www.cnkk.me" title="Mr.K - 专注前端开发" target="_blank">Mr.K</a> <a href="http://www.cnkk.me" title="Mr.K - 专注前端开发" target="_blank">www.cnkk.me</a></p>
</div>
